import React, { useEffect, useRef } from 'react'
import Banner, { imgConfig } from './config'

const Swipers = () => {
  const Swiper = useRef(null)

  useEffect(() => {
    const banner = new Banner(Swiper.current, imgConfig)
    banner.init()
  }, [])
  return (
    <div>
      <div className="swiper-layout">
        <ul className="swiper-ul" ref={Swiper}></ul>
      </div>
    </div>
  )
}

export default Swipers
